{% extends '../layout.html' %}

<!-- header-start -->
{% block head %}
    {% parent %}
    <meta name="keywords" content="aaaa" />
    <meta name="description" content="bbbbb" />
    <link rel="stylesheet" type="text/css" href="/css/page/home.css" />
{% endblock %}
<!-- header-end -->

<!-- body-start -->
{% block content %}
    <header class="header">
        {#<a class="search iconfont icon-search"></a>#}
        <span class="cd-title">丽之定制</span>
        <span class="qq-serves">
            <a class="float-left" href="http://b.qq.com/webc.htm?new=0&sid=1570332001&o=wechat.zfpresent.com&q=7" target="_blank">QQ客服：</a>
            <span class="float-left">1570332001</span>
        </span>
        <div class="logo">
            <img class="icon" src="/image/logo.png">
        </div>
        <div class="tab-list">
            {% for key,item in message %}
                <a class="tab-item col-{{ message|length }} {% if key==0 %}active{% endif %}">
                    {% if item.type=="mobile" %}
                        手机壳
                    {% elseif item.type=="cup" %}
                        杯子
                    {% elseif item.type=="bag" %}
                        包
                    {% endif %}
                </a>
            {% endfor %}
        </div>
    </header>
    <div class="shop-list">
        {% for mkey,item in message %}
            <ul class="list {% if mkey==0 %}active{% endif %}">
                {% for key,list in item.data %}
                    <li>
                        {% if item.type=="mobile" %}
                            {% set link="/list?id="+list.nav_id %}
                        {% elseif item.type=="cup" %}
                            {% set link="/diy?kind=cup&id="+list.cup_id %}
                        {% elseif item.type=="bag" %}
                            {% set link="/diy?kind=bag&id="+list.bag_id %}
                        {% endif %}

                        <a href="{{ link }}">
                            <span class="title">{{ list.name }}系列</span>
                            <img class="icon" src="{{ apiOrigin + list.node_url }}">
                        </a>
                    </li>
                {% endfor %}
            </ul>
        {% endfor %}
    </div>
    <div class="tab-list page-bottom">
        {#<a class="tab-item col-2 active">分类</a>#}
        <a class="tab-item w-bar-100" href="/order">订单</a>
    </div>
{% endblock %}
<!-- body-end -->

<!-- script-start -->
{% block script %}
    <script type="text/javascript" src="/js/page/home.js"></script>
{% endblock %}
<!-- script-end -->
